<template>
  <div class="header">
    <h3>
      <router-link to="/Register">个人商家注册</router-link>
      <span class="shu1">|</span>
      <router-link to="/BusReg">企业商家注册</router-link>
      <router-link to="/Home">返回首页</router-link>
      <span class="shu">|</span>
      <router-link to="/Entry">帮助中心</router-link>
    </h3>

  </div>
</template>

<script>
  export default {
    props: ['message'],
    data () {
      return {}
    },
    mounted: function () {

      if (this.message == 1) {

        $('h3').find('a').eq(0).addClass('blues')
        $('h3').find('a').eq(1).removeClass('blues')
      } else {
        $('h3').find('a').eq(1).addClass('blues')
        $('h3').find('a').eq(0).removeClass('blues')
      }
    }

  }
</script>

<style scoped>
  .header {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    background: url(../assets/logo.png) no-repeat 8px;
  }

  .header h3 {
    height: 120px;
    line-height: 120px;
    font-size: 21px;
    text-align: left;
    margin-left: 220px;

  }

  .header a {
    color: #333;
  }

  .header h3 a:nth-child(1) {
    display: inline-block;
    font-size: 22px;
    width: 180px;
    text-align: center;

    font-weight: 100;
    font-family: "黑体";

  }

  .header h3 a:nth-child(3) {
    display: inline-block;
    font-size: 22px;
    width: 180px;
    text-align: center;
    font-weight: 100;
    font-family: "黑体";
  }

  .header h3 a:nth-child(4) {
    display: inline-block;
    font-size: 14px;
    text-align: right;
    width: 540px;
    font-weight: 100;
    color: #333;
    margin-right: 15px;

  }

  .header h3 .shu {
    font-size: 16px;
    font-weight: 100;
    color: #b5b5b5;
  }

  .header h3 .shu1 {
    font-size: 25px;
    font-weight: 100;
    color: #b5b5b5;
  }

  .header h3 a:nth-child(6) {
    display: inline-block;
    font-size: 14px;
    text-indent: 14px;

    font-weight: 100;
    color: #333;

  }

  .header h3 .blues {
    color: #459dff;
  }
</style>
